<template>
  <div>
    <FosoCard :showheader="false">
      <div class="flex items-center">
        <div>部门列表</div>
        <div class="ml-3 w-[80%]">
          <el-input class="input-with-select" placeholder="搜索">
            <template #append>
              <el-button :icon="Search" />
            </template>
          </el-input>
        </div>
        <div class="ml-3">
          <el-dropdown>
            <el-icon><Operation /></el-icon>
            <template #dropdown>
              <el-dropdown-menu>
                <el-dropdown-item>展开全部</el-dropdown-item>
                <el-dropdown-item>缩放全部</el-dropdown-item>
              </el-dropdown-menu>
            </template>
          </el-dropdown>
        </div>
      </div>
    </FosoCard>
  </div>
</template>

<script setup lang="ts">
import { Operation, Search } from '@element-plus/icons-vue';
</script>

<style scoped></style>
